/* Reset */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #86b04c url(/img/background-mountains.png) repeat-x 10% 0;
  position: relative;
  font-family: Tahoma, Verdana, Arial, sans-serif; 
  color: #FFF;
  padding-top: 75px;
}

img {
  border: 0;
}

#content h1, 
#content h2, 
#content h3, 
#content h4,
#content p, 
#content ul, 
#content ol,
#content dl {
  margin-bottom: 20px;
}

a {
  color: #FFF;
}

abbr, acronym {
  border-bottom: none;
  cursor: help;
}

var, samp {
  font-family: inherit;
  font-style: normal;
  font-weight: bold;
}

dl {
  padding: 1em 2em;
}
dt {

}
dd {
  margin: 0.5em 1em 1em;
}

/* Layout & Modules */

#wrapper {
  background: transparent url(/img/foreground-mountains.png) repeat-x -10% 0;
  padding: 25px 0 0 0;
}
* html body {
  background: transparent url(/img/background-mountains-static.gif) repeat-x 50% 0;
}
* html #wrapper,
* html #container
 {
  background-image: none;
}

#container {
  background: transparent url(/img/hills.png) repeat-x 5% 0;
  padding: 120px 0 0;
}

#header {
  position: absolute;
  top: 0;
  right: 0;
}

* html #logo {
  background: none;
}

#adverts {
  background: url(/img/boards.gif) repeat-x top;
  text-align: center;
  height: 40px;
}
#adverts ul {
  width: 940px;
  margin: 0 auto;
}
#adverts li {
  margin: 5px 2px;
  padding: 0;
  float: left;
  list-style: none;
}
#adverts a {
  display: block
  padding: 2px;
}

#play-area {
  background: #86b04c url(/img/pitch.png) no-repeat 50% 0;
  padding: 20px 0;
  text-align: center;
}

#content {
  width: 970px;
  margin: 0 auto;
  text-align: left;
}
#main-content {
  float: left;
  width: 684px;
  margin: 20px 19px 20px 0;
  padding-top: 20px;
  background: #304916;
  border: 3px solid #c8dea8;
  color: #FFF;
}
#main-content h2,
#main-content h3,
#main-content h4,
#main-content p,
#main-content ul,
#main-content ol,
#main-content dl {
  margin: 0 20px 1em;
}

#content-adverts {
  clear: both;
  padding: 20px 0;
}
#navigation {
  float: left;
  width: 250px;
  background: transparent url(/img/background-navigation.png) repeat 0 0;
  color: #FFF;
  margin: 20px 0 0;
  padding: 12px 0 0;
}
#navigation ul {
	margin-bottom: 10px;
}

#navigation li {
  list-style: none;
  margin: 0 12px;
}

#navigation a {
  line-height: 2;
  text-decoration: none;
  padding: 1px 5px;
  display: block;
}
* html #navigation a {
  line-height: 1.5;
}
#navigation .selected {
  background: transparent url(/img/background-navigation-highlight.png) repeat;
  color: #86b04c;
}
#navigation #share-this {
  background: transparent url(/img/background-navigation-bottom.gif) no-repeat 0 100%;
  padding: 0 0 12px;
}
/*
#navigation {
  position: absolute;
  background: #000;
  top: 10px;
  width: 300px;
}
#navigation ul {
  margin: 0;
  padding: 0;
}
#navigation li {
  float: left;
  list-style: none;
  width: 145px;
  margin: 0;
  padding: 0 5px 0 0;
}
*/

#navigation #languages {
  font-size: 0.72em;
  overflow: hidden;
  zoom: 1;
  margin: 0 10px 15px;
}
#navigation #languages li {
  float: left;
  margin: 0;
}

#navigation #share-this a {
  margin: 0 15px;
  line-height: 1;
  padding: 0 0 0 24px;
  font-size: 0.84em;
}
#secondary-advert iframe {
  margin: 10px 0;
}


#footer {
  clear: both;
  background: #86b04c url(/img/grass.png) repeat-x 50% 100%;
  text-align: center;
  padding: 30px 0;
  font-size: 0.72em;
  line-height: 2;
}
#footer div {
  width: 950px;
  margin: 0 auto;
  text-align: left;
}
#footer .copyright {
  float: left;
  width: 50%;
}
#footer .credits {
  text-align: right;
}
#footer .credits {
  list-style:  none;
}
.calendar-actions {
  
}
.calendar-actions li {
  list-style: none;
  display: block;
  float: left;
}
.calendar-actions a {
  display: block;
  width: 155px;
  height: 50px;
  text-indent: -9999px;
}
.calendar-actions .subscribe {
  margin-left: 10px;
}
.calendar-actions .download a {
  background: transparent url(/img/calendar-download.png) no-repeat 0 0;
}
.calendar-actions .subscribe a {
  background: transparent url(/img/calendar-subscribe.png) no-repeat 0 0;
}


/* Page Specific */


.home #main-content,
.fixtures #main-content {
  background: none;
  border: none;
  padding: 0;
  width: 690px;
}

* html .home #main-content,
* html .fixtures #main-content {
  width: 683px;
}

.home #introduction {
  background: transparent url(/img/football-calendar.gif) no-repeat 0 0;
  color: #000;
}
.home #introduction h2 {
  margin: 0;
  padding: 20px 250px 10px 20px;
}
.home #introduction p {
  font-size; 0.8em;
  padding: 0 298px 35px 20px;
  margin: 0 0 10px;
}
.home #cta {
  margin: 0;
  padding: 0;
}
.home #cta li {
  float: left;
  list-style: none;
  /* margin: 0 40px 0 0; */
  width: 230px;
  _width: 210px;
  _display: inline;
}

.home #cta li a {
  display: block;	
  padding-top: 140px;
  font-size: 130%;
  font-weight: bold;
  text-align: center;
  font-family: arial;
}

.home #cta-download a {
  background: transparent url(/img/hp-download-arrow.gif) no-repeat 50% 0;
}

.home #cta-customize a {
  background: transparent url(/img/hp-cal.gif) no-repeat 50% 0;
}

.home #cta-help a {
  background: transparent url(/img/hp-question.gif) no-repeat 50% 0;
}


* html .home #cta li {
  margin-right: 25px;
}
.home #cta li#cta-help {
  margin: 0;
}

/* Fixtures */

.fixtures .selector {
  font-size: 0.8em;
  background: url(/img/fixtures-selector-160.gif) no-repeat 0 0;
  width: 160px;
  margin: 0 5px 5px 0;
}
.fixtures #main-content h2,
.fixtures #main-content h3,
.fixtures #main-content ul,
.fixtures #main-content ol {
  margin: 0;
}
.fixtures #main-content h2 {
  margin: 10px 24px 24px 10px;
}
.fixtures .selector h3 {
  padding: 10px;
  font-size: inherit;
  font-weight: normal;
}
#content .selector h3 {
  color: #3B4D21;
  margin: 0;
  font-weight: bold;
}
.fixtures .selector ol,
.fixtures .selector ul,
.fixtures .selector table {
  line-height: 1.5;
  margin: 0;
  padding: 0 10px 10px;
  background: #86b04c url(/img/fixtures-selector-160.gif) no-repeat 0 100%;
}

.fixtures .selector table {
  width: 100%;
  text-align: center;
}
.fixtures .selector th,
.fixtures .selector td {
  padding: 2px 0;
  color: #BFD4A2;
}
.fixtures .selector th {
  color: #628037;
}
.fixtures .selector td a {
  font-weight: bold;
}

.fixtures li {
  list-style: none;
  _zoom: 1; /* haslayout for IE6 */
}

.fixtures #groups {
  float: left;
  width: 170px;
}
.fixtures #miscellaneous {
  float: right;
  width: 160px;
  text-align: right;
}
.fixtures #actual-information {
  float: left;
  width: 350px;
}
* html .fixtures #actual-information {
  width: 340px;
}
.fixtures #fixtures-container {
  clear: left;
}
.fixtures .fixtures-list * {
  margin: 0;
  padding: 0;
}
.fixtures .fixtures-list li {
  padding: 10px 0;
}
.fixtures .fixtures-list .odd {
  background: #94B764;
}
.fixtures .fixtures-list h3 {
  padding-bottom: 5px;
  border-bottom: 1px solid #BFD4A2;
  overflow: hidden;
  font-size: 0.92em;
  _zoom: 1; /* haslayout for IE6 */
}
.fixtures .team-a,
.fixtures .splitter,
.fixtures .team-b {
  display: block;
  float: left;
  zoom: 1;
}
.fixtures .team-a,
.fixtures .team-b {
  width: 145px;
}

* html .fixtures .team-a,
* hmtl .fixtures .team-b {
  width: 138px;
  margin: 0;
}
.fixtures .team-a {
  text-align: right;
  margin-left: 5px;
}
.fixtures .splitter {
  text-align: center;
  width: 50px;
}
.fixtures .team-b {
  text-align: left;
  /* margin-right: 5px;  removed to conquer IE6 duplicate character bug */
}
* html .fixtures .team-a,
* hmtl .fixtures .team-b {
  width: 140px;
  margin: 0;
  zoom: 1;
}
.fixtures #main-content li p {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 0.85em;
}
.fixtures #main-content li p.location {
  margin: 0;
}

.team-list a {
  padding-left: 20px;
}
.team-list a {
  background-repeat: no-repeat;
  background-position:  0 50%;
}
.team-list #at {
  background-image: url(/img/flags/at.gif);
}
.team-list #hr {
  background-image: url(/img/flags/hr.gif);
}
.team-list #cz {
  background-image: url(/img/flags/cz.gif);
}
.team-list #fr {
  background-image: url(/img/flags/fr.gif);
}
.team-list #de {
  background-image: url(/img/flags/de.gif);
}
.team-list #gr {
  background-image: url(/img/flags/gr.gif);
}
.team-list #it {
  background-image: url(/img/flags/it.gif);
}
.team-list #nl {
  background-image: url(/img/flags/nl.gif);
}
.team-list #pl {
  background-image: url(/img/flags/pl.gif);
}
.team-list #pt {
  background-image: url(/img/flags/pt.gif);
}
.team-list #ro {
  background-image: url(/img/flags/ro.gif);
}
.team-list #ru {
  background-image: url(/img/flags/ru.gif);
}
.team-list #es {
  background-image: url(/img/flags/es.gif);
}
.team-list #ch {
  background-image: url(/img/flags/ch.gif);
}
.team-list #tr {
  background-image: url(/img/flags/tr.gif);
}
.team-list #se {
  background-image: url(/img/flags/se.gif);
}

.fixtures #dates li {
  float: left;
  width: 1.5em;
  text-align: center;
}


/* Self clearing fix */
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

